{extend name="common@base/common"/}
{block name="style"}
    <link href="__CSS__/ucenter.min.css" type="text/css" rel="stylesheet">
{/block}

{block name="body"}

<div id="main-container" class="container">
    <div class="usercenter">
        <div class="uc">
            {include file="index/_top"/}
            {include file="index/_top_menu"/}

            <div class="uc_content clearfix">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-xs-12 uc_information">
                            <ul class="nav nav-primary ucenter-tab">
                                <li class="active"><a href="#base" data-toggle="tab">{:lang('_DATA_BASIC_')}</a></li>
                                {volist name="profile_group_list" id="vl"}
                                    <li><a href="#expand_tab_{$vl.id}" data-toggle="tab">{$vl.profile_name}</a></li>
                                {/volist}
                            </ul>
                        </div>
                    </div>
                    <div class="tab-content">
                        <div class="base_info tab-pane active" id="base">
                            <dl class="dl-horizontal">
                                <dt>{:lang('_NICKNAME_')}{:lang('_COLON_')}</dt>
                                <dd>{$user.nickname}</dd>
                            </dl>
                            <dl class="dl-horizontal">
                                <dt>{:lang('_SEX_')}{:lang('_COLON_')}</dt>
                                <dd>
                                    <eq name="user.sex" value="1">{:lang('_MAN_')}</eq>
                                    <eq name="user.sex" value="2">{:lang('_WOMAN_')}</eq>
                                    <eq name="user.sex" value="0"> {:lang('_SECRECY_')}</eq>
                                </dd>
                            </dl>
                            <dl class="dl-horizontal">
                                <dt>{:lang('_PLACE_')}{:lang('_COLON_')}</dt>
                                <dd>
                                    {eq name="user.pos_province" value="0"}
                                        {:lang('_PLACE_')}
                                    {else/}
                                        {$user.pos_province}&nbsp;&nbsp;{$user.pos_city}&nbsp;&nbsp;{$user.pos_district}&nbsp;&nbsp;{$user.pos_community}
                                    {/eq}
                                </dd>
                            </dl>
                            <dl class="dl-horizontal">
                                <dt>{:lang('_SIGNATURE_')}{:lang('_COLON_')}</dt>
                                <dd><eq name="user.signature" value="">{:lang('_NO_IDEA_')}<else/>{$user.signature|htmlspecialchars}</eq></dd>
                            </dl>
                        </div>
                        {volist name="profile_group_list" id="group_vl"}
                            <div class="tab-pane" id="expand_tab_{$group_vl.id}">
                                <div class="panel-body expand_info">
                                    {volist name="group_vl['info_list']" id="info_vl"}
                                        <dl class="dl-horizontal">
                                            <dt>{$info_vl.field_name}：</dt>
                                            <dd>{$info_vl.field_data|default=L('')}</dd>
                                        </dl>
                                    {/volist}
                                    {if condition="count($group_vl['info_list']) eq 0"}
                                        <p class="text-muted" style="text-align: center; font-size: 15px;margin: 15px;">
                                            {:lang('_MESSAGE_EXPAND_NONE_')}{:lang('_EXCLAMATION_')}
                                        </p>
                                    {/if}

                                </div>
                            </div>
                        {/volist}
                    </div>
                </div>
                <div class="col-md-4 uc_other_link">
                    {include file="index/_right_link"/}
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
    <script>
        function center_toggle(name) {
            var show = $('#' + name + '_panel').css('display');
            $('.center_panel').hide();
            $('.center_arrow_right').show();
            $('.center_arrow_bottom').hide()
            if (show == 'none') {
                $('#' + name + '_panel').show();
                $('#' + name + '_toggle_right').hide();
                $('#' + name + '_toggle_bottom').show()
            } else {
                $('#' + name + '_toggle_right').show();
                $('#' + name + '_toggle_bottom').hide()
            }
        }
    </script>
{/block}
